.accsessory-color-list{
    display: flex;
    width: 100%;
    height: 135px;
    overflow-x: scroll;
    overflow-y: hidden;
    margin-bottom: 10px;
    padding-bottom: 5px;
    // &::-webkit-scrollbar{
    //     display:none;
    // }
    .accsessory-color{
        border:solid 1px rgba(0,0,0,0);
        margin-right: 3px;
        &:hover{
            border:solid 1px rgba(0,0,0,1);
            cursor: pointer;
        }
        
    }
    .accessory-color-selected{
        border:solid 1px rgba(0,0,0,1);
    }
    
    .accessory-color-name{
        text-align: center;
        margin:0;
        font-size: 13px;
    }
    .accessory-color-image{
        height: 80%;
        width: 120px;
        
        border:solid 1px rgba(0,0,0,0);
    }
}
.selected-accessory{
    
    animation: shake 0.5s infinite;
}

@keyframes shake{
    0%{
        transform: translate(0);
    }
    25%{
        transform: (-10px -10px);
    }
    50%{
        transform: translate(10px 10px);
    }
    75%{
        transform: translate(-10px -10px);
    }
    100%{
        transform: translate(0);
    }
}
